@charset "UTF-8";
/********  uweb mobile css v1.1 *********/
/****** cssrest ******/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; -ms-touch-action: none; -webkit-touch-callout: none; }
html { font-size: 10px; }

@media screen and (min-width: 360px) {
html { font-size: 11.25px; }
}

@media screen and (min-width: 375px) {
html { font-size: 11.71875px; }
}

@media screen and (min-width: 414px) {
html { font-size: 12.9375px; }
}

@media screen and (min-width: 480px) {
html { font-size: 15px; }
}

@media screen and (min-width: 640px) {
html { font-size: 20px; }
}
body { overflow-x: hidden; -webkit-text-size-adjust: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; min-width: 320px; max-width: 640px; margin: 0 auto; position: relative; background-color: #f3f3f3; }
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, input, button { font: normal 1rem/1.5 'Microsoft YaHei', Arial, Helvetica, STHeiTi, sans-serif; }
input, textarea { -webkit-user-select: text; -moz-user-select: -moz-text; -moz-user-select: text; }
img { max-width: 100%; border: none; }
ul, ol, li { list-style: none; }
a { text-decoration: none; color: #333; }
.content img{width:100%;height:auto!important}
.fixed:after { font-size: 0; display: block; visibility: hidden; clear: both; height: 0; content: ' '; }
.clear { clear: both; }
.overflow { height: auto; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.allimg { position: relative; display: block; overflow: hidden; width: 100%; height: 0; }
.allimg img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }
/*header*/
header { height: 5rem; background-color: #3e3e3e; }
.navBox { position: relative; width: 100%; height: 5rem; }
.logo { float: left; width: 13.25rem; height: 5rem; }
.logo a img { width: 100%; height: auto; }
.headIcon { float: right; margin-top: 1.3rem; margin-right: .2rem; }
.headIcon a { display: block; float: left; margin-right: 1.6rem; }
.headIcon a img { height: 2.05rem; width: auto; }
/*indexMain*/
.indexMain { background-color: #fff; }
.indexBusiness { height: auto; overflow: hidden; }
.indexTit { height: auto; overflow: hidden; padding: 1.7rem 0 .8rem; text-align: center; }
.indexTit div a { font-size: 1.2rem; color: #333; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }
.indexTit div a:hover { color: #f8af58; }
.indexTit p { color: #cbcbcb; font-size: 1.6rem; text-transform: uppercase; }
.Businessmenu { height: auto; overflow: hidden; padding: .5rem 0 1.9rem; }
.Businessmenu li { width:33%; height: auto; overflow: hidden; float: left; text-align: center; border-left: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; width: 33.3%; height:120px;}
.Businessmenu li a { display: block; color: #555; font-size:12px; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; margin-top:20px;}
.Businessmenu li a img {display: block; margin: 0 auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width:40px;}
.Businessmenu li a p { padding: .4rem 0 1rem; }
.Businessmenu li a:hover { color: #e19a28; }
.indexCompany { height: auto; overflow: hidden; background-color: #f2f2f2; }
.aboutBox { height: auto; overflow: hidden; background-color: #fff; border: 1px solid #e6e6e6; }
.awid { width: 50%; height: 10.7rem; overflow: hidden; float: left; position: relative; text-align: center; }
.aboutText div { height: 100%; border-right: 1px solid #edecec; }
.aboutText a { display: block; position: absolute; left: 0; top: 50%; width: 100%; height: 4.6rem; color: #555; font-size: 1rem; margin-top: -2.3rem; }
.aboutText a i { display: block; margin: 0 auto .7rem; height: 2.4rem; width: 2.5rem; background-position: 0 0; background-repeat: no-repeat; background-image: url(../images/icon1.png); background-size: 100%; }
.aboutText:hover { background-color: #f8af58; }
.aboutText:hover a { color: #fff; }
.aboutText:hover i { background-image: url(../images/icon1-1.png); }
.img { display: block; }
.img img { width: 100%; height: 100%; display: block; }
.boxshadow { position: absolute; left: 0; bottom: -1.2rem; z-index: 5; width: 100%; height: 1.2rem; background: url(../images/boxshadow2.jpg) no-repeat center top; background-size: 100% 100% !important; }
.aboutList li { float: left; width: 33.3333%; text-align: center; height: 9.4rem; position: relative; margin: .4rem 0 1.5rem; }
.aboutList li a { display: block; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; padding: 2rem 0 2.6rem; color: #444; font-size: .9rem; border: 1px solid #e6e6e6; background-color: #fff; }
.aboutList li a i { display: block; margin: 0 auto 1rem; height: 2.4rem; width: 2.85rem; background-position: 0 0; background-repeat: no-repeat; background-size: 100%; }
.aboutList li a:hover { color: #fff; background-color: #f8af58; }
.aboutList li.i1 a i { background-image: url(../images/icon2.png); }
.aboutList li.i1 a:hover i { background-image: url(../images/icon2-1.png); }
.aboutList li.i2 a i { background-image: url(../images/icon3.png); }
.aboutList li.i2 a:hover i { background-image: url(../images/icon3-1.png); }
.aboutList li.i3 a i { background-image: url(../images/icon4.png); }
.aboutList li.i3 a:hover i { background-image: url(../images/icon4-1.png); }
.aboutList .boxshadow { background: url(../images/aboutBg2.jpg) no-repeat center top; }
.serviceTab { text-align: center; }
.serviceTab li { display: inline-block; *display: inline;
    zoom: 1; width: 8.8rem; line-height: 1rem; margin-bottom: 1.4rem; border-right: 1px solid #e0e0e0; }
.serviceTab li a { color: #464646; font-size: 1rem; }
.serviceTab li a:hover { color: #f8af58; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }
.serviceTab li.nobor { border-right: 0; }
.serviceBox { height: auto; overflow: hidden; padding-bottom: 1rem; }
.serviceBox .awid { height: 10.7rem; }
.serviceDiv { background-color: #f2f2f2; }
.serviceDiv div { position: absolute; left: 0; top: 50%; z-index: 5; width: 100%; height: 9.6rem; margin-top: -4.8rem; }
.serviceDiv div a { color: #555; font-size: 1.2rem; padding-bottom: .6rem; display: block;
    padding:.6rem 1.6rem; text-align: left }
.serviceDiv div a:hover { color: #f8af58; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }
.serviceDiv div p { color: #888; font-size: 1rem; line-height: 1.8rem; max-height: 7.2rem; overflow: hidden; padding: 0 1.6rem; text-align: left; }
.serviceDiv div p span { display: block; }
.indexNews { background-color: #f2f2f2; }
.marg { margin-top: 1.2rem; }
.hotNews { padding: .6rem 0 0 .3rem; height: 8.3rem; position: relative; background-color: #fff; }
.hotNews .boxshadow { background-image: url(../images/boxshadow2.jpg); }
.newsImg { float: left; width: 10.2rem; height: 7rem; overflow: hidden; display: block; padding: .3rem; background-color: #f9f9f9; }
.newsImg img { display: block; width: 100%; height: 100%; }
.newsText { margin-left: 11.9rem; margin-top: 1rem; padding-right: 1rem; }
.newsText a { display: block; color: #555; font-size: 1.1rem; line-height: 1.5rem; overflow: hidden; margin-bottom: .5rem; }
.newsText a:hover { color: #f8af58; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }
.newsText p { color: #777; font-size: .9rem; height: 3.4rem; overflow: hidden; line-height: 1.7rem; }
.indexnewsList { padding-bottom: 2.9rem; }
.indexnewsList li { padding: 1.7rem 0 0 .6rem; height: 8.9rem; margin-top: 1.2rem; background-color: #fff; position: relative; }
.indexnewsList .newsText { margin-left: 7.9rem; margin-top: 0; }
.indexnewsList .boxshadow { background-image: url(../images/boxshadow2.jpg); }
.date { float: left; height: 5.25rem; text-align: right; padding: 0 .8rem; background-color: #646464; }
.date div { color: #fff; font-size: 1.4rem; padding: 1.3rem 0 0; line-height: 1.5rem; }
.date p { color: #a4a4a4; font-size: .9rem; }
.indexJoin { background-color: #fff; padding-bottom: 2.5rem; }
.indexJoinList { height: auto; overflow: hidden; }
.indexJoinList li { position: relative; float: left; width: 33.3333%; }
.joinImg { height: 10.2rem; display: block; border-bottom: .05rem solid #fff; border-right: .05rem solid #fff; }
.joinImg img { display: block; width: 100%; height: 100%; }
.joinText { bottom: 0; height: 10.2rem; text-align: center; background-color: #f2f2f2; border-right: .05rem solid #fff; }
.joinText a { height: auto; overflow: hidden; display: block; color: #666; font-size: .75rem; padding-top: 2.9rem; }
.joinText i { display: block; height: 2.65rem; width: 2.65rem; margin: 0 auto .6rem; background-position: 0 0; background-repeat: no-repeat; background-size: 100%; }
.joinText:hover { background-color: #f8af58; }
.joinText:hover a { color: #fff; }
.indexJoinList li.i1 a i { background-image: url(../images/icon5.png); }
.indexJoinList li.i1 a:hover i { background-image: url(../images/icon5-1.png); }
.indexJoinList li.i2 .joinText { position: absolute; left: 0; width: 100%; top: 0; z-index: 5; border-bottom: .05rem solid #fff; }
.indexJoinList li.i2 .joinImg { margin-top: 10.2rem; border-bottom: 0; height: 10.25rem; }
.indexJoinList li.i2 a i { background-image: url(../images/icon6.png); }
.indexJoinList li.i2 a:hover i { background-image: url(../images/icon6-1.png); }
.indexJoinList li.i3 .joinImg, .indexJoinList li.i3 .joinText { border-right: 0; }
.indexJoinList li.i3 a i { background-image: url(../images/icon7.png); }
.indexJoinList li.i3 a:hover i { background-image: url(../images/icon7-1.png); }
/*footer*/
footer { text-align: center; padding: 1.5rem 3.8rem 0; background-color: #3e3e3e; }
.footIcon li { display: inline-block; *display: inline;
    margin: 0 1.6rem .4rem; position: relative; }
.footIcon li img { display: block; width: 3.05rem; height: 3.05rem; }
.footIcon li.on .imgBox { display: block; }
.imgBox { position: absolute; left: 50%; bottom: 3.4rem; z-index: 5; width: 9.3rem; height: 9.55rem; display: none; margin-left: -4.65rem; background: url(../images/ewm.png) no-repeat 0 0; background-size: 100% 100%; }
.imgBox a { display: block; width: 100%; height: 4.55rem; line-height: 4.55rem; color: #555; font-size: 1.2rem; font-weight: bold; border-top: 1px solid #e4e5e5; background-color: #feffff; }
.imgBox a:first-child { border-top: 0; }
.imgBox a:hover { background-color: #f8af58; color: #fff; }
.footTel { display: inline-block; }
.footTel span { float: left; display: block; color: #b5b5b5; font-size: .9rem; margin: .5rem .4rem 0 0; }
.footTel b { float: left; display: block; color: #e3e3e3; font-size: 1.5rem; font-weight: normal; }
.copy { height: auto; overflow: hidden; color: #b5b5b5; font-size: 1.1rem; line-height: 1.55rem; padding: .9rem 0 2rem; border-top: 1px solid #525252; }
.copy a { color: #b5b5b5; }
/*bigImg*/
.bigImg { position: relative; z-index: 0; height: auto; overflow: hidden; }
.bigImg img { display: block; width: 100%; height: auto; }
.bigText { position: absolute; left: 0; top: 50%; z-index: 2; width: 100%; color: #fff; text-align: center; height: 5.2rem; margin-top: -2.6rem; }
.bigText div { font-size: 1.5rem; font-family: Arial; text-transform: uppercase; }
.bigText div span { color: #ff9c18; }
.bigText p { font-size: 1.2rem; letter-spacing: .45rem; }
.main { height: auto; overflow: hidden; position: relative; }
.mainMenu { position: relative; z-index: 2; width: 100%; height: 3.8rem; background-color: #fff; }
.mainMenu ul { position: absolute; top: 0; left: 0; }
.mainMenu ul li { float: left; padding: 0 .9rem; }
.mainMenu ul li a { vertical-align: top; height: 3.8rem; line-height: 3.8rem; color: #555; font-size: 1.2rem; display: block; padding: 0 .5rem; position: relative; }
.mainMenu ul li a i { position: absolute; left: 0; bottom: 0; display: none; z-index: 5; width: 100%; height: .2rem; background-color: #ffa73d; }
.mainMenu ul li:hover a i, .mainMenu ul li.on a i { display: block; }
.mainMenuBg { position: absolute; left: 0; top: 3.8rem; z-index: 10; width: 100%; height: .35rem; background: url(../images/mainMenubg.png) repeat-x 0 0; background-size: 100% 100%; }
.newsCategory { height: auto; overflow: hidden; background-color: #f3f3f3; padding: .9rem 1rem 1.1rem; }
.newsCategory a { display: block; float: left; width: 9.6rem; height: 2.5rem; line-height: 2.5rem; color: #777; text-align: center; font-size: 1rem; background-color: #fff; margin: .2rem; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.newsCategory a:hover, .newsCategory a.on { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; color: #fff; background-color: #ffbb6a; }
.newsBox .indexnewsList { padding-bottom: 0; }
.newsBox .indexnewsList:first-child { padding-bottom: 1.2rem; }
.newsBox .mainMenu ul { margin: 0 1rem; position: relative; }
.newsBox .mainMenu ul li { width: 38.3333%; text-align: center; }
.newsCon { height: auto; overflow: hidden; padding: 0 1rem; background-color: #eee; }
.newsTit { height: auto; overflow: hidden; padding: 1.5rem 0 1.2rem; text-align: center; border-bottom: 1px dashed #ccc; }
.newsTit h1 { color: #555; font-size: 1.4rem; }
.newsTit p { color: #777; font-size: 1.2rem; }
.content { color: #888; font-size: 1.1rem; line-height: 2rem; list-style: disc; padding: .6rem .2rem 1.7rem; }
.back { display: block; height: 2.8rem; line-height: 2.8rem; color: #777; font-size: 1rem; text-align: center; background-color: #fff; margin-bottom: 2rem; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }
.back b { display: inline-block; background: url(../images/back.png) no-repeat center center; background-size: 100% auto; width: 1rem; margin-right: .9rem; }
.back:hover { color: #fff; background-color: #ff9c18; }
.back:hover b { background-image: url(../images/back2.png); }
/*problem*/
.problemList { height: auto; overflow: hidden; background-color: #fff; }
.problemList dl { height: auto; overflow: hidden; padding: 2.4rem 1.6rem 2.4rem 2.1rem; }
.problemList dl dt { cursor: pointer; line-height: 1.1rem; }
.problemList dl dt span { float: left; width: 2rem; height: 2rem; line-height: 2rem; display: block; color: #fff; font-size: 1.2rem; text-align: center; background-color: #ffbb6a; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.problemList dl dt div { margin-left: 2.8rem; color: #555; font-size: 1.3rem; line-height: 2rem; }
.problemList dl dd { height: auto; overflow: hidden; color: #777; font-size: 1.1rem; line-height: 2rem; display: none; padding-top: .8rem; }
.problemList dl.pbg { background-color: #f3f3f3; }
.problemList dl.pbg dt span { background-color: #858585; }
.msgForm { position: relative; margin: 0 1.4rem; }
.msgFormBox { height: auto; overflow: hidden; background-color: #fff; border: 1px solid #dadada; }
.msgTit { height: 4rem; line-height: 4rem; color: #676666; font-size: 1.3rem; text-align: center; }
.msgDiv { height: auto; overflow: hidden; padding: 0 1.5rem; border-top: 1px solid #e4e4e4; }
.msgname { float: left; color: #555; font-size: 1.2rem; line-height: 3.7rem; padding-right: 1rem; }
.msgname span { color: #ffbb6a; display: inline-block; padding-right: .35rem; }
.msgCheck { height: auto; overflow: hidden; padding-bottom: 1rem; clear: both; color: #555; font-size: 1.2rem; }
/*.msgCheck label { display: inline-block; padding: 0 1.9rem; height: 2rem; line-height: 2rem; margin-bottom: .9rem; border: 0; background: url(../images/check1.jpg) no-repeat left center; background-size: 22% auto; }
.msgCheck label span { display: inline-block; }
.msgCheck label.on { background-image: url(../images/check2.jpg); }
.msgCheck input[type="checkbox"], .msgCheck label input[type="radio"] { display: none; }*/
.msgCheck label {  display: inline-block; padding: 0 1.9rem; }
.msgCheck input[type="checkbox"] { display: none; }
.msgCheck [id^="checkbox-1-"] + label { height: 2rem; line-height: 2rem; margin-bottom: .9rem; border: 0; background: url(../images/check1.jpg) no-repeat left center; background-size: 22% auto; }
.msgCheck [id^="checkbox-1-"]:checked + label { background-image: url(../images/check2.jpg); }

.msgtext { display: block; float: left; width: 60%; height: 3.7rem; line-height: 3.7rem; color: #555; font-size: 1.2rem; vertical-align: top; border: 0; background: none; }
.msgArea { display: block; float: left; width: 70%; height: 11rem; padding-top: .8rem; line-height: 2.1rem; border: 0; color: #555; font-size: 1.2rem; vertical-align: top; resize: none; overflow-y: hidden; background: none; }
.msgfile { display: block; float: left; color: #888; font-size: 1rem; width: 68%; padding-top: 1rem; }
.msgasaubmit { width: 100%; display: block; height: 3rem; line-height: 3rem; color: #fff; font-size: 1.2rem; text-align: center; background-color: #555; cursor: pointer; border: 0; margin: .8rem 0 3.1rem; }
.msgasaubmit:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }
.guide { height: auto; overflow: hidden; background-color: #fff; }
.guide .guideBg { background-color: #ebebeb; }
.guideBox { height: auto; overflow: hidden; padding: 1.7rem 1.5rem 2.8rem; }
.step { color: #555; font-size: 1.2rem; padding: 0 0 .6rem; }
.guideInfo { color: #777; font-size: 1.1rem; line-height: 1.9rem; }
.guideDiv { height: auto; overflow: hidden; padding: 1rem 0 .75rem; }
.guideDiv div { height: auto; overflow: hidden; margin-bottom: .45rem; }
.guideDiv div b , .guideDiv div strong { display: block; float: left; width: 5.1rem; height: 2.6rem; line-height: 2.6rem; color: #fff; text-align: center; font-weight: normal; background-color: #898989; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.guideDiv div span { display: block; margin-left: 5.8rem; line-height: 2.6rem; color: #777; font-size: 1.1rem; }
.guideImg img { display: block; width: 20rem; height: 11.8rem; }
.joinConList { height: auto; overflow: hidden; padding-bottom: 3.1rem; background-color: #fff; }
.joinConList li { position: relative; margin: 2rem 2rem 0; }
.joinConList li a { display: block; height: auto; overflow: hidden; padding-bottom: 3.9rem; background-color: #ededed; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }
.joinConList li.icon1 .joinspan { background-image: url(../images/joinConIcon1.png); }
.joinConList li.icon2 .joinspan { background-image: url(../images/joinConIcon2.png); }
.joinConList li.icon3 .joinspan { background-image: url(../images/joinConIcon3.png); }
.joinConList li:hover .joinTit { color: #fdc064; }
.joinConList li:hover .joinspan { background-color: #fdc064; }
.joinConList li:hover img { filter: alpha(opacity=70); opacity: 0.7; }
.joinConList .boxshadow { background-image: url(../images/boxshadow5.jpg); }
.joinConImg { display: block; width: 100%; height: auto; max-height: 20rem; }
.joinTit { margin: 2.3rem 0 .9rem; height: 2.3rem; line-height: 2.3rem; text-align: center; color: #555; font-size: 1.3rem; }
.joinspan { display: inline-block; width: 2.3rem; height: 2.3rem; background-repeat: no-repeat; background-position: center center; background-color: #8d8d8d; background-size: cover; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-right: .45rem; }
.joinInfo { color: #777; font-size: 1.2rem; line-height: 2.4rem; padding: 0 2.1rem; }
.contactList { height: auto; overflow: hidden; padding-bottom: 1.8rem; background-color: #fff; }
.contactList li { position: relative; text-align: center; margin: 2rem 2rem 0; }
.contactList li a { display: block; height: auto; overflow: hidden; padding-bottom: 1.4rem; background-color: #f3f3f3; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }
.contactList li:hover .joinTit { color: #fdc064; }
.contactList li:hover .joinspan { background-color: #fdc064; }
.contactList li:hover img { filter: alpha(opacity=70); opacity: 0.7; }
.contactList .boxshadow { background-image: url(../images/boxshadow5.jpg); }
.contactDiv { min-height: 9rem; }
.contactTit { padding: 1.7rem 0 .5rem; line-height: 2rem; color: #333; font-size: 1.2rem; font-weight: bold; }
.contactInfo { color: #666; font-size: 1rem; line-height: 1.7rem; padding: 0 .5rem; }
.family { font-family: Arial; }
.history { height: auto; overflow: hidden; background-color: #fff; margin-top: 1.1rem; padding: 1.8rem 1.6rem 2.1rem; }
.historySwiper { height: auto; overflow: hidden; padding: 1.3rem 1.6rem; background-color: #f3f3f3; text-align: center; }
.historySwiper .swiper-container { height: 2rem; line-height: 2rem; }
.historySwiper .swiper-slide { color: #555; font-size: 1.2rem; position: relative; }
.historySwiper .swiper-slide i { display: block; position: absolute; left: 0; top: 50%; z-index: 5; width: 1px; height: 1.1rem; margin-top: -0.55rem; background-color: #d8d8d8; }
.historySwiper .swiper-slide-active { color: #fe901a; }
.swiperbg { display: block; position: absolute; left: 0; top: 50%; z-index: 5; width: 1px; height: 1.1rem; margin-top: -0.55rem; background-color: #f3f3f3; }
.historyDiv { display: none; padding: 1.1rem .65rem 0; }
.historyDiv:first-child { display: block; }
.historyTit { color: #555; font-size: 1.2rem; padding-bottom: .4rem; }
.historyInfo { color: #555; font-size: 1rem; line-height: 2rem; }
.circle { padding-left: 1.4rem; padding-bottom: .25rem; position: relative; }
.circle span { display: block; position: absolute; left: 0; top: .6rem; z-index: 5; width: .7rem; height: .7rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #c2c2c2; }
.historyImg { display: block; margin-top: 1.1rem; }
.servieList { height: auto; overflow: hidden; padding: 1.5rem .15rem .9rem; background-color: #fff; }
.servieList li { float: left; width: 50%; text-align: center; }
.servieList li a { display: block; height: 100%; position: relative; margin: 0 .15rem 1.6rem; padding-bottom: 0; background-color: #f3f3f3; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }
.servieList li a .allimg { padding-bottom: 65.82%; }
.servieList li.icon1 .servicespan { background-image: url(../images/serviceIcon1.png); }
.servieList li.icon2 .servicespan { background-image: url(../images/serviceIcon2.png); }
.servieList li.icon3 .servicespan { background-image: url(../images/serviceIcon3.png); }
.servieList li.icon4 .servicespan { background-image: url(../images/serviceIcon4.png); }
.servieList li.icon5 .servicespan { background-image: url(../images/serviceIcon5.png); }
.servieList li.icon6 .servicespan { background-image: url(../images/serviceIcon6.png); }
.servieList li:hover .joinTit { color: #fdc064; }
.servieList li:hover .servicespan { background-color: #fdac31; }
.servieList .boxshadow { height: .95rem; bottom: -0.95rem; background-image: url(../images/servicebg.jpg); }
.serviceImg { display: block; width: 100%; height: auto; max-height: 10.4rem; }
.serviceText { height: auto; overflow: hidden; height: 9.4rem; }
.serviceText div { color: #555; font-size: 1rem; padding: .6rem 0 0; }
.serviceText p { color: #b3b3b3; font-size: .7rem; letter-spacing: 1px; }
.servicespan { display: block; width: 2.05rem; height: 2.05rem; line-height: 2.05rem; margin: 2rem auto 0; background-repeat: no-repeat; background-position: center center; background-color: #7b7b7b; background-size: cover; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.aboutIndex { background-color: #fff; margin-top: 1.2rem; }
.aboutIndex li { position: relative; padding: 1.5rem 1.5rem 3.1rem; }
.aboutIndex li.aboutbg { background-color: #e8e8e8; }
.aboutImg img { display: block; width: 100%; height: auto; }
.aboutTit { height: auto; overflow: hidden; padding: 1.6rem 0 .7rem; }
.aboutTit b { color: #333; font-size: 1.3rem; display: inline-block; padding-right: .4rem; font-weight: normal; }
.aboutTit span { color: #c1c1c1; font-size: 1.3rem; text-transform: uppercase; }
.aboutInfo { color: #666; font-size: 1rem; line-height: 2rem; }
.aboutMore { display: block; margin-top: 1rem; width: 8.5rem; height: 2.7rem; line-height: 2.7rem; color: #fff; font-size: 1rem; text-align: center; background-color: #fbab31; }
.aboutMore:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }
.aboutTit2 { height: auto; overflow: hidden; color: #666; padding-top: 1.6rem; }
.aboutTit2 b { font-size: 1.5rem; display: inline-block; padding-right: .4rem; font-weight: normal; }
.aboutTit2 span { font-size: 1.2rem; }
.product { height: auto; overflow: hidden; margin-top: 1rem; color: #666; font-size: 1rem; line-height: 2rem; }
.product .aboutIndex { background: none; margin-top: 0; }
.product .aboutIndex li { background-color: #fff; margin-bottom: 1.2rem; padding: 1.5rem 1.5rem 2.6rem; }
.product .aboutInfo { padding-top: .5rem; }
.product .newsCategory { background-color: #fff; padding: .6rem 0 0; text-align: center; }
.product .newsCategory a { float: none; display: inline-block; width: 10rem; margin: .2rem .1rem; background-color: #f3f3f3; }
.product .newsCategory a:hover, .product .newsCategory a.on { background-color: #ffbb6a; }
.aboutmarg { padding-top: .4rem !important; }
.aboutmarg .aboutImg { margin: 0 -1.5rem; }
.core { color: #cbcbcb; font-size: 1.4rem; text-transform: uppercase; }
.productTit { height: auto; overflow: hidden; padding: 1.3rem 0 0; text-align: center; background-color: #fff; }
.productTit h3 { color: #666; font-size: 1.5rem; }
.productTit div { color: #cbcbcb; font-size: 1.5rem; text-transform: uppercase; }
.productList { height: auto; overflow: hidden; padding-top: .1rem; }
.productList ul { height: auto; overflow: hidden; }
.productList ul li { width: 49.2%; float: left; position: relative; margin-bottom: 1.3rem; background-color: #fff; }
.productList ul li a { display: block; color: #333; font-size: 1.1rem; padding: .7rem .7rem 0; border: 1px solid #f9f9f9; }
.productList ul li.fr { float: right; }
.productList ul li .allimg { padding-bottom: 60.55%; }
.productList ul li .allimg img { -webkit-filter: grayscale(100%); -webkit-filter: grayscale(1); filter: grayscale(100%); filter: gray; }
.productList ul li .allimg:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); filter: xray; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }
.productList ul li p { height: 3.2rem; line-height: 3.2rem; overflow: hidden; text-align: center; padding: 0 .5rem; }
.productList .boxshadow { background-image: url(../images/boxshadow3.jpg); }
.shop { height: auto; overflow: hidden; position: relative; }
.shop img { display: block; width: 100%; height: auto; }
.shopText { display: block; position: absolute; left: 2.5rem; top: 50%; z-index: 5; height: 4.5rem; margin-top: -2.25rem; color: #d4d4d4; text-transform: uppercase; }
.shopText h3 { font-size: 1.5rem; }
.shopText div { font-size: 1rem; }
.shopText p { height: .1rem; width: 2.9rem; margin-top: .7rem; background-color: #ff9c18; }
.productMenu { height: auto; overflow: hidden; position: relative; padding-bottom: 1.9rem; }
.productMenu li { float: left; width: 25%; background-color: #fff; }
.productMenu li a { display: block; height: 9.8rem; padding-top: 2.6rem; text-align: center; color: #666; font-size: .8rem; border-left: 1px solid #d5d5d5; }
.productMenu li a img { display: block; margin: 0 auto .9rem; width: 2.2rem; height: 2.45rem; }
.productMenu li a img.hide { display: none; }
.productMenu li:first-child a { border-left: 0; }
.productMenu li:hover { background-color: #f8af58; }
.productMenu li:hover a { color: #fff; }
.productMenu li:hover img.hide { display: block; }
.productMenu li:hover img.show { display: none; }
.productMenu .boxshadow { bottom: .7rem; }
.productConTit { height: 5.6rem; line-height: 5.6rem; text-align: center; font-size: 1.25rem; }
.productConTit b { color: #333; font-weight: normal; padding-right: .5rem; }
.productConTit span { color: #cfcfcf; text-transform: uppercase; }
.productCon { /*.overflow;*/ position: relative; background-color: #fff; padding: 1.5rem 1.5rem 2.1rem; }
.productCon .allimg { padding-bottom: 66.38%; }
/*.gallery-thumbs { box-sizing: border-box; margin-top: 10px; position: relative; }
.gallery-thumbs .swiper-slide { height: 100%; }
.gallery-thumbs .swiper-slide img { -webkit-filter: grayscale(100%); -webkit-filter: grayscale(1); filter: grayscale(100%); filter: gray; }
.gallery-thumbs .swiper-slide-active img { -webkit-filter: grayscale(0); filter: grayscale(0); filter: xray; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }*/
.article { margin-top: 1.2rem; height: 3.5rem; background-color: #898989; border-bottom: 1px solid #898989; }
.article li { width: 50%; float: left; }
.article li a { display: block; height: 3.5rem; line-height: 3.5rem; overflow: hidden; color: #fff; font-size: 1rem; text-align: center; padding: 0 1rem; }

.article li:first-child a { border-right: 1px solid #adadad; }
.article li:hover { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; background-color: #ffa73d; }
.proback { margin: 1.3rem 0 1.6rem; height: 3.6rem; line-height: 3.6rem; }
.proback a { display: block; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; background-color: #fff; text-align: center; height: 100%; color: #9a9999; font-size: .9rem; }
.proback a span { width: 1.35rem; height: 100%; display: inline-block; background: url(../images/return.png) no-repeat center center; background-size: 100% auto; margin-right: 1rem; }
.proback a:hover { background-color: #ffa73d; color: #fff; }
.proback a:hover span { background-image: url(../images/return2.png); }
.business .newsCategory a { width: 9.1rem; }
.business .mainMenu ul { margin: 0 1rem; position: relative; }
.business .mainMenu ul li { width: 33.3333%; text-align: center; }
.businessCon { height: auto; overflow: hidden; background-color: #fff; }
.businessCon img { display: block; }
.businessTit { text-align: center; line-height: 4.6rem; color: #555; font-size: 1.2rem; border-bottom: 1px dashed #aaa; }
.businessTit b { font-weight: normal; display: inline-block; padding-right: .2rem; }
.businessTit span { text-transform: uppercase; }
.businessList { height: auto; overflow: hidden; padding: 1.5rem 1.5rem 0; }
.businessList .businessTit { text-align: left; line-height: 1.5rem; border-bottom: 0; padding-bottom: 1.5rem; }
.businessDiv { height: auto; overflow: hidden; padding-left: 3.4rem; padding-top: .2rem; margin-bottom: .6rem; position: relative; color: #777; font-size: 1.2rem; line-height: 2rem; min-height: 2.5rem; }
.businessDiv span { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; color: #fff; font-size: 1.1rem; text-align: center; background-color: #909090; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.businessImg { display: block; margin: .4rem auto 3.2rem; width: 22.5rem; height: 22.5rem; }
.businessInfo { color: #777; line-height: 2.4rem; font-size: 1.2rem; margin-bottom: 2.1rem; }
.bcolor { color: #444; }
.bcolor2 { color: #fc9c20; }
.businessBox .businessDiv { margin-bottom: .2rem; }
.apply { height: auto; overflow: hidden; background-color: #f5f5f5; }
.apply .businessTit { border-bottom: 0; }
.applyForm { padding: 2.2rem 1.9rem; background-color: #fff; margin: 0 1.6rem 3rem; position: relative; }
.applyForm .boxshadow { height: 1.5rem; bottom: -1.5rem; background-image: url(../images/boxshadow4.jpg); background-size: 100% 100%; }
.applyDiv { height: 2.8rem; line-height: 2.8rem; overflow: hidden; background-color: #f1f1f1; margin-bottom: .25rem; }
.applyDiv span { color: #666; font-size: 1.2rem; display: block; float: left; padding: 0 .5rem 0 1rem; }
.applyText { display: block; float: left; height: 2.8rem; line-height: 2.8rem; color: #666; font-size: 1.2rem; width: 68%; border: 0; background: none; }
.applySubmit { display: block; border: 0; height: 3.1rem; line-height: 3.1rem; color: #fff; font-size: 1.2rem; text-align: center; width: 100%; cursor: pointer; background-color: #3e3e3e; }
.applySubmit:hover { background-color: #fc9c20; }
.top { position: fixed; right: 0; bottom: 1rem; z-index: 5; width: 2.3rem; height: 2.3rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: url(../images/top.png) no-repeat 0 0 #909090; background-size: cover; }
.top:hover { background-color: #fc9c20; }
.mallCon .newsCategory { text-align: center; }
.mallCon .newsCategory a { float: none; display: inline-block; }
.mallCon .newsCategory a:hover, .mallCon .newsCategory a.on { background-color: #ffbb6a; }
.city { height: auto; overflow: hidden; padding: 0 .45rem; }
.citySelect { height: auto; overflow: hidden; background-color: #fff; }
.citySelect li { float: left; width: 50%; position: relative; height: 3.8rem; }
.citySelect li i { position: absolute; right: 1.2rem; top: 50%; z-index: 2; height: .45rem; width: .7rem; background: url(../images/select.jpg) no-repeat 0 0; background-size: cover; }
.citySelect li div { border-right: 1px solid #f0f0f0; border-bottom: 1px solid #e4e4e4; }
.customSelect { color: #666; height: 3.8rem; line-height: 3.8rem; font-size: 1.1rem; width: 100%; text-indent: 1.3rem; }
.customSelectInner { cursor: pointer; line-height: 3.8rem; text-align: left; width: 100% !important; }
.citySubmit { width: 100%; height: 3.8rem; line-height: 3.8rem; text-align: center; color: #fff; font-size: .8rem; background-color: #646464; cursor: pointer; border: 0; margin: .2rem 0 1.5rem; }
.mapTit { padding-left: 1.1rem; color: #646464; font-size: 1.2rem; line-height: 3.8rem; border-bottom: 2px solid #f3f3f3; background-color: #fff; margin: 0 .45rem; }
.mapTit b { color: #ffa32b; display: inline-block; padding: 0 .8rem; }
.mallCon .problemList { margin: 0 .45rem; }
.mallCon .problemList dl { border-bottom: 1px dashed #cacaca; padding: 0; }
.mallCon .problemList dl dt { padding: 1.6rem 1.1rem 1rem; }
.mallCon .problemList dl dt.on span { background-color: #f65161; }
.mallCon .problemList dl dt.on { background-color: #f6f6f6; }
.mallCon .problemList dl dd { background-color: #f6f6f6; padding: 0; border-bottom: 1px solid #fff; }
.mapText h3 { color: #333; font-size: 1.2rem; font-weight: bold; }
.mapText p { color: #777; font-size: 1rem; padding-top: .2rem; }
.mapText a { color: #777; font-size: 1rem; padding-top: .2rem; }
.mapBox { width: 100%; height: 20.5rem; overflow: hidden; }
.mapBox img { display: block; width: 100%; height: 100%; }
/*wrapper*/
#wrapper { width: 100%; height: 100%; }
#scroller { position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 100%; padding: 0; height: 100%; }
.imgdiv { position: absolute; left: 0; width: 100%; display: none; z-index: 990; background-color: #fafafa; }
.imgdiv div.s1 img { display: block; position: absolute; top: 50%; z-index: 999; left: 50%; max-width: 95% !important; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.close { height: 5em; line-height: 5em; text-align: center; position: absolute; z-index: 999; left: 0; bottom: 0; width: 100%; color: #333; font-size: 1.4rem; cursor: pointer; }
/*响应式导航*/
.mobileNavCon { position: absolute; display: none; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1010; }
.mobileNavCon .mobileNavBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1011; overflow: hidden; }
.mobileNavCon .mobileNavBox { position: absolute; width: 18.4rem; height: 100%; top: 0; left: 0; background-color: #191919; transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); z-index: 1012; }
.mobileNavCon .mobileNavBox.on { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.mobileNavCon .mobileNav > li { position: relative; border-bottom: 1px solid #fafafa; }
.mobileNavCon .mobileNav > li > a { display: block; padding-left: 1.25rem; color: #fafafa; font-size: 1.3rem; line-height: 3.95rem; }
.mobileNavCon .mobileNav > li span { position: absolute; display: block; font-size: 1.3em; width: 2.2em; height: 3.95rem; line-height: 3.95rem; top: 0; right: 0; color: #fafafa; text-align: center; }
.mobileNavCon .mobileNav > li .sub { height: 0; overflow: hidden; background-color: #272727; }
.mobileNavCon .mobileNav > li .sub li { border-bottom: 1px solid #fafafa; }
.mobileNavCon .mobileNav > li .sub li:last-child { border-bottom: none; }
.mobileNavCon .mobileNav > li .sub li a { padding-left: 1.25rem; display: block; font-size: 1.1em; height: 3.95rem; line-height: 5rem; width: 100%; overflow: hidden; color: #fafafa; box-sizing: border-box; }
.mobileNavCon .navScroll { position: absolute; width: 100%; top: 0; left: 0; bottom: 0; overflow: hidden; }
.mobileNavCon .mobileNav > li .sub li a em { display: inline-block; width: 1rem; margin-right: .7rem; }

.container { display: none; }
.productSwiper .container:first-child { display: block; }
.leader { background-color: #fff; padding: 0 1.5rem 4rem; height: auto; overflow: hidden; }
.leaderTit { height: 4.3rem; line-height: 4.3rem; border-bottom: 1px solid #ddd; color: #555; font-size: 1.4rem; text-align: center; }
.leader .content { color: #555; line-height: 2.2rem; font-size: 1.2rem; padding: 1rem; }
.laederImg { margin: .5rem .3rem 0; padding: .7rem; background-color: #f7f7f7; position: relative; }
.laederImg .boxshadow { height: 1.9rem; bottom: -1.9rem; background-image: url(../images/leaderbg.jpg); }
.laederImg img { display: block; width: 100%; height: auto; }
.productCon .probigImg { position: relative; }
.productCon .smallScroll { height: 6rem; margin-top: 10px; position: relative; }
.productCon .sPrev, .productCon .sNext { position: absolute; top: 50%; margin-top: -1rem; z-index: 10; display: inline-block; width: 2rem; height: 2rem; font-size: 0; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; }
.productCon .sPrev { background: url(../images/prev.png) no-repeat 0 0 #505050; background-size: cover; left: -1.2rem; }
.productCon .sNext { background: url(../images/next.png) no-repeat 0 0 #505050; background-size: cover; right: -1.2rem; }
.productCon .sPrev:hover, .productCon .sNext:hover { background-color: #ffa73d; }
.productCon .smallImg { float: left; display: inline; width: 100%; overflow: hidden; }
.productCon .smallImg ul { height: auto; width: 9999px; overflow: hidden; margin-left: -1rem !important; }
.productCon .smallImg li { float: left; width: 9rem; height: 6rem; cursor: pointer; display: inline; margin-left: 1rem; }
.productCon .smallImg img { -webkit-filter: grayscale(100%); -webkit-filter: grayscale(1); filter: grayscale(100%); filter: gray; }
.productCon .smallImg .on img { -webkit-filter: grayscale(0); filter: grayscale(0); filter: xray; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }

.video { position : relative; width : 100%; height: 0; padding-bottom: 57%; }

.cupboard { padding : 0 1.5rem; }

.historyDiv img ,  .processapp img , .conditapp img , .advanapp img , .joinareaapp img , .content img , .aboutInfo img , .product img , .contactInfo img , .guide img , .leader img  { width: 100%; height: 100%; }